<template>
  <div class="layout-padding">
    <div class="layout-padding-auto layout-padding-view">
      <div class="flex h100">
        <div class="h100 col-box">
          <MyMap>
            <MapTdtLayer url="http://t0.tianditu.com/DataServer?T=vec_c&x={x}&y={y}&l={z}"></MapTdtLayer>
            <MapSupermapLayer
              url="http://123.127.160.203:8091/iserver/services/map-nercita_cloud/rest/maps/hlj_ctpf_all?prjCoordSys={epsgCode:4326}"
            ></MapSupermapLayer>
          </MyMap>
        </div>
        <div class="h100 col-box">
          <div class="title">统计分析结果</div>
          <div class="layout-padding-auto">
            <el-table :data="state.tableData.data" v-loading="state.tableData.loading" border>
              <el-table-column prop="roleName" label="指标" show-overflow-tooltip></el-table-column>
              <el-table-column prop="roleSign" label="最大值" show-overflow-tooltip></el-table-column>
              <el-table-column prop="sort" label="最小值" show-overflow-tooltip></el-table-column>
              <el-table-column prop="status" label="均值" show-overflow-tooltip></el-table-column>
              <el-table-column prop="describe" label="中值" show-overflow-tooltip></el-table-column>
              <el-table-column prop="createTime" label="标准差" show-overflow-tooltip></el-table-column>
              <el-table-column prop="geshi" label="变异系数" show-overflow-tooltip width="120px"></el-table-column>
              <el-table-column prop="leixing" label="偏度值" show-overflow-tooltip></el-table-column>
              <el-table-column prop="fanwei" label="峰度值" show-overflow-tooltip></el-table-column>
            </el-table>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup name="yddbxfxResult">
import { MyMap, MapTdtLayer, MapSupermapLayer } from '@/map';
import { reactive } from 'vue';

const state = reactive({
  tableData: {
    data: [],
    loading: false,
  },
});
</script>

<style scoped>
.flex {
  display: flex;
  gap: 16px;
}
.col-box {
  flex: 1;
}
.title {
  text-align: center;
  color: var(--el-text-color-primary);
  font-size: var(--el-font-size-large);
  font-weight: bold;
}
</style>
